<!DOCTYPE html>
<html>

	<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>消费</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="icon" type="image/png" href="coolui/assets/i/favicon.png">
  <link rel="stylesheet" href="coolui/assets/css/amazeui.min.css">
  <link rel="stylesheet" href="coolui/assets/css/app.css">
	</head>

	<body>
		
		<header data-am-widget="header" class="am-header am-header-default">
  <h1 class="am-header-title">
    <a href="#title-link">消费验证</a>
  </h1>
</header>

<br />
		<form class="am-form am-form-horizontal">
			<!--查询宽 start-->
			<div class="am-u-lg-6">
				<div class="am-input-group am-input-group-primary">
					<span class="am-input-group-btn">

        <button class="am-btn am-btn-primary" type="button"><span class="am-icon-search"></span>
					</button>
					</span>
					<input type="text" class="am-form-field" placeholder="请输入消费码">
				</div>
			</div>
			<!--查询框end-->
			<br />
			<br />
			<div class="am-progress am-progress-xs">
				<div class="am-progress-bar" style="width: 100%"></div>
			</div>
			<table class="am-table">
				<thead>
					<tr>
						<th>手机号</th>
						<th>消费码</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>12345678</td>
						<td>ABCDEFHIJKELEL</td>
						<td><button type="button" class="am-btn am-btn-success  am-round ">消费</button></td>
					</tr>
				</tbody>
			</table>
		</form>
	</body>

</html>